﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ViewProfile.aspx.cs" Inherits="MyVocationSpace.ViewProfile" %>

<%@ Register Src="Header.ascx" TagName="header" TagPrefix="uc" %>
<%@ Register Src="Footer.ascx" TagName="footer" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>..:: MY VocationSpace ::..</title>
    <link href="css/Default.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <center>
        <div>
            <uc:header ID="header" runat="server" />
        </div>
        <div id="content-wrapper">
            <center>
                <div class="Content">
                    <div style="float: left">
                        <div class="profile-header">
                            <img id="idImg" style="border: 0" alt="MyPic" runat="server" />
                            <div class="personal-detail">
                                <div class="detail">
                                    <span id="username" runat="server"></span>
                                </div>
                                <div class="OccuOrg">
                                    <span id="Occu" style="margin-right: 5px;" runat="server"></span><span style="margin-right: 5px;">
                                        at</span><span id="org" style="margin-right: 5px;" runat="server"></span>
                                </div>
                                <div class="cityConInd">
                                    <span id="city" runat="server"></span><span>,</span> <span id="country" runat="server">
                                    </span><span style="margin-left: 5px;">|</span> <span id="industry" runat="server">
                                    </span>
                                </div>
                            </div>
                            <div style="padding-top: 150px">
                                <hr style="width: 480px; border: 1px dashed #D6D6D6;" />
                            </div>
                            <div class="divinnerTable">
                                <table width="430px">
                                    <tr>
                                        <td align="right">
                                            <span class="curleft">Current</span>
                                        </td>
                                        <td align="left">
                                            <span id="current" style="color: #000;" runat="server"></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            <span class="curleft">Education</span>
                                        </td>
                                        <td align="left">
                                            <span id="education" style="color: #000;" runat="server"></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            <span class="curleft">Connection</span>
                                        </td>
                                        <td align="left">
                                            <%-- <span id="connection" style="color: #1C6F93; font-weight: bold;" runat="server">
                                            </span>--%>
                                            <asp:LinkButton ID="connect" ForeColor="#1C6F93" runat="server" OnClick="connect_Click">
                                                
                                            </asp:LinkButton>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            <span class="curleft">Industry</span>
                                        </td>
                                        <td align="left">
                                            <span id="industryMain" style="color: #000;" runat="server"></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td valign="top" align="right">
                                            <span class="curleft">Vocations</span>
                                        </td>
                                        <td align="left">
                                            <%--<span id="vocation1" style="color: #1C6F93; font-weight: bold;" runat="server">
                                            </span>--%>
                                            <asp:UpdatePanel ID="upphVocation" runat="server" UpdateMode="Conditional">
                                                <ContentTemplate>
                                                    <asp:PlaceHolder ID="phVocation" runat="server"></asp:PlaceHolder>
                                                </ContentTemplate>
                                            </asp:UpdatePanel>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div style="width: 450px;padding-top:150px;">
                            <table>
                                <tr>
                                    <td align="left" style="padding-top:20px">
                                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                            <ContentTemplate>
                                                <asp:PlaceHolder ID="phEducation" runat="server"></asp:PlaceHolder>
                                            </ContentTemplate>
                                        </asp:UpdatePanel>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="left" style="padding-top:20px">
                                        <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                                            <ContentTemplate>
                                                <asp:PlaceHolder ID="PhExp" runat="server"></asp:PlaceHolder>
                                            </ContentTemplate>
                                        </asp:UpdatePanel>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="profile-header-extra">
                        <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="upMyTopic">
                            <ProgressTemplate>
                                <div id="pageLoading">
                                    <center>
                                        <div style="color: Yellow; font-size: 18px; top: 50%; left: 50%;">
                                            Loading...
                                        </div>
                                    </center>
                                    <div id="transparentBg" class="transparentBg">
                                    </div>
                                </div>
                            </ProgressTemplate>
                        </asp:UpdateProgress>
                        <asp:UpdatePanel runat="server" ID="upMyTopic">
                            <ContentTemplate>
                                <div class="head" style="font-size: 16px; text-align: left;">
                                    Topics Created by <span>
                                        <asp:Label ID="lblName" runat="server" Font-Names="Arial" Font-Italic="true" Font-Bold="true"></asp:Label></span>
                                </div>
                                <table>
                                    <tr>
                                        <td style="width: 440px">
                                            <asp:DataList ID="dlMyTopic" RepeatDirection="Vertical" runat="server">
                                                <ItemTemplate>
                                                    <table width="410px" style="margin-left: 8px" border="0" class="light-border">
                                                        <tr>
                                                            <td valign="top">
                                                                <table width="410px">
                                                                    <tr>
                                                                        <td align="left" style="font-size: 15px; color: #000">
                                                                            <span class="spanTopicHead">Topic Name :</span> <a href="Blog.aspx?topicId=<%#Eval("IDUserTpoic")%>">
                                                                                <span class="spanTopicItem" style="padding-left: 5px;">
                                                                                    <%#Eval("Name")%></span><span style="color: #1C6F93">...</span></a>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="left" style="font-size: 15px; color: #000">
                                                                            <span class="spanTopicHead">Description :</span> <span class="spanTopicItem" style="padding-left: 5px;
                                                                                color: #1C6F93">
                                                                                <%#Eval("Description")%></span><span style="color: #1C6F93">...</span>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="right" style="font-size: 14px; color: #000">
                                                                            <span class="spanTopicHead" style="padding: 0px">Posted Date :</span><span class="spanTopicItem"
                                                                                style="padding-left: 5px; color: #1C6F93"><%#Eval("CreationDate")%></span>
                                                                        </td>
                                                                    </tr>
                                                                    <%--<tr>
                                                                <td align="left" style="font-size: 15px; color: #000">
                                                                    <span class="spanTopicHead">Created By:</span> <a href="#"><span class="spanTopicItem"
                                                                        style="padding-left: 5px; color: #1C6F93">
                                                                        <%#Eval("Firstname")%>
                                                                        &nbsp;
                                                                        <%#Eval("Lastname")%></span></a>
                                                                </td>
                                                            </tr>--%>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </ItemTemplate>
                                            </asp:DataList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div>
                                                <div style="width: 130px; text-align: left; float: left">
                                                    <asp:LinkButton ID="lnkPre" runat="server" Font-Size="13px" ForeColor="#FD403E" Font-Bold="true"
                                                        OnClick="lnkPre_Click">Pre</asp:LinkButton>&nbsp;&nbsp;&nbsp;
                                                    <asp:LinkButton ID="lnkNext" OnClick="lnkNext_Click" runat="server" Font-Size="13px"
                                                        ForeColor="#FD403E" Font-Bold="true">Next</asp:LinkButton></div>
                                                <div style="width: 300px; vertical-align: top; text-align: right; float: left">
                                                    <asp:Label ID="Label1" runat="server" Text="" ForeColor="#545454" Font-Names="Arial"></asp:Label><br />
                                                    <asp:Label ID="Label2" runat="server" Text="" ForeColor="#545454" Font-Size="12px"></asp:Label></div>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </div>
                </div>
            </center>
        </div>
    </center>
    <div style="clear: both">
    </div>
    <div>
        <uc1:footer runat="server" ID="footer"></uc1:footer>
    </div>
    </center>
    </form>
</body>
</html>
